﻿<!DOCTYPE html>
<html>
  <head>
    <title>下拉选择器 Select</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=1440, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/下拉选择器_select/styles.css" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/下拉选择器_select/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Rectangle) -->
      <div id="u5613" class="ax_default _默认样式">
        <div id="u5613_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5614" class="ax_default _默认样式">
        <div id="u5614_div" class=""></div>
      </div>

      <!-- Unnamed (元件标题) -->

      <!-- 背景 (Dynamic Panel) -->
      <div id="u5616" class="ax_default" data-label="背景">
        <div id="u5616_state0" class="panel_state" data-label="State1" style="">
          <div id="u5616_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- 线条 (Dynamic Panel) -->
      <div id="u5617" class="ax_default" data-label="线条">
        <div id="u5617_state0" class="panel_state" data-label="State1" style="">
          <div id="u5617_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5618" class="ax_default _默认样式">
        <div id="u5618_div" class=""></div>
        <div id="u5618_text" class="text ">
          <p><span style="font-family:'FontAwesome Bold', 'FontAwesome Regular', 'FontAwesome';"></span><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';"> 元件标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5619" class="ax_default _默认样式">
        <div id="u5619_div" class=""></div>
        <div id="u5619_text" class="text ">
          <p><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;"> </span><span style="font-family:'FontAwesome';font-weight:400;">作品首页</span></p>
        </div>
      </div>

      <!-- Unnamed (版权信息) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u5621" class="ax_default _默认样式">
        <img id="u5621_img" class="img " src="images/___icons/u605.png"/>
        <div id="u5621_text" class="text ">
          <p><span>Copyright © </span><a id="u5622" class="link"><span>http://t.cn/EPh287q</span></a><span>, All Rights Reserved.</span></p><p><span>打造高保真原型，快人一步</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5623" class="ax_default" data-left="20" data-top="100" data-width="1100" data-height="110">

        <!-- Unnamed (Rectangle) -->
        <div id="u5624" class="ax_default _默认样式">
          <div id="u5624_div" class=""></div>
          <div id="u5624_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">使用说明</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">使用模拟的增强下拉选择器来代替浏览器原生的选择器，选择器支持单选、多选、搜索，以及键盘快捷操作。下面提供基础的动态下拉选择器，以及扩展的静态元件示例。扩展阅读文章：</span><a id="u5625" class="link"><span style="font-family:'微软雅黑';font-weight:400;">何构建 Web 端设计组件之树和日期时间选择器</span></a></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5626" class="ax_default _默认样式">
          <div id="u5626_div" class=""></div>
          <div id="u5626_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5627" class="ax_default _默认样式">
        <div id="u5627_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5628" class="ax_default _默认样式">
        <div id="u5628_div" class=""></div>
        <div id="u5628_text" class="text ">
          <p><span>动态效果</span></p>
        </div>
      </div>

      <!-- 常用下拉选择器 (Dynamic Panel) -->
      <div id="u5629" class="ax_default" data-label="常用下拉选择器">
        <div id="u5629_state0" class="panel_state" data-label="State1" style="">
          <div id="u5629_state0_content" class="panel_state_content">

            <!-- 下拉菜单 (Dynamic Panel) -->
            <div id="u5630" class="ax_default ax_default_hidden" data-label="下拉菜单" style="display:none; visibility: hidden">
              <div id="u5630_state0" class="panel_state" data-label="State1" style="">
                <div id="u5630_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5631" class="ax_default _默认样式">
                    <div id="u5631_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5632" class="ax_default _默认样式" selectiongroup="下拉选项组1">
                    <div id="u5632_div" class=""></div>
                    <div id="u5632_text" class="text ">
                      <p><span>北京 BeiJing</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5633" class="ax_default _默认样式" selectiongroup="下拉选项组1">
                    <div id="u5633_div" class=""></div>
                    <div id="u5633_text" class="text ">
                      <p><span>上海&nbsp; ShangHai</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5634" class="ax_default _默认样式" selectiongroup="下拉选项组1">
                    <div id="u5634_div" class=""></div>
                    <div id="u5634_text" class="text ">
                      <p><span>广州 GuangZhou</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5635" class="ax_default _默认样式" selectiongroup="下拉选项组1">
                    <div id="u5635_div" class=""></div>
                    <div id="u5635_text" class="text ">
                      <p><span>深圳 ShenZhen</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5636" class="ax_default _默认样式" selectiongroup="下拉选项组1">
                    <div id="u5636_div" class=""></div>
                    <div id="u5636_text" class="text ">
                      <p><span>杭州 HangZhou</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 选择框 (Rectangle) -->
            <div id="u5637" class="ax_default _默认样式" data-label="选择框">
              <div id="u5637_div" class=""></div>
              <div id="u5637_text" class="text ">
                <p><span>选择所在城市</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u5638" class="ax_default _默认样式">
              <div id="u5638_div" class=""></div>
              <div id="u5638_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 滚动条下拉选择器 (Dynamic Panel) -->
      <div id="u5639" class="ax_default" data-label="滚动条下拉选择器">
        <div id="u5639_state0" class="panel_state" data-label="State1" style="">
          <div id="u5639_state0_content" class="panel_state_content">

            <!-- 选择框 (Rectangle) -->
            <div id="u5640" class="ax_default _默认样式" data-label="选择框">
              <div id="u5640_div" class=""></div>
              <div id="u5640_text" class="text ">
                <p><span>选择所在城市</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u5641" class="ax_default _默认样式">
              <div id="u5641_div" class=""></div>
              <div id="u5641_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- 下拉菜单 (Dynamic Panel) -->
            <div id="u5642" class="ax_default ax_default_hidden" data-label="下拉菜单" style="display:none; visibility: hidden">
              <div id="u5642_state0" class="panel_state" data-label="State1" style="">
                <div id="u5642_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u5643" class="ax_default _默认样式">
                    <div id="u5643_div" class=""></div>
                  </div>

                  <!-- 下拉框 (Dynamic Panel) -->
                  <div id="u5644" class="ax_default" data-label="下拉框">
                    <div id="u5644_state0" class="panel_state" data-label="State1" style="">
                      <div id="u5644_state0_content" class="panel_state_content">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u5645" class="ax_default _默认样式" selectiongroup="下拉选项组2">
                          <div id="u5645_div" class=""></div>
                          <div id="u5645_text" class="text ">
                            <p><span>北京 BeiJing</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u5646" class="ax_default _默认样式" selectiongroup="下拉选项组2">
                          <div id="u5646_div" class=""></div>
                          <div id="u5646_text" class="text ">
                            <p><span>上海&nbsp; ShangHai</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u5647" class="ax_default _默认样式" selectiongroup="下拉选项组2">
                          <div id="u5647_div" class=""></div>
                          <div id="u5647_text" class="text ">
                            <p><span>广州 GuangZhou</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u5648" class="ax_default _默认样式" selectiongroup="下拉选项组2">
                          <div id="u5648_div" class=""></div>
                          <div id="u5648_text" class="text ">
                            <p><span>深圳 ShenZhen</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u5649" class="ax_default _默认样式" selectiongroup="下拉选项组2">
                          <div id="u5649_div" class=""></div>
                          <div id="u5649_text" class="text ">
                            <p><span>杭州 HangZhou</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u5650" class="ax_default _默认样式" selectiongroup="下拉选项组2">
                          <div id="u5650_div" class=""></div>
                          <div id="u5650_text" class="text ">
                            <p><span>北京 BeiJing</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u5651" class="ax_default _默认样式" selectiongroup="下拉选项组2">
                          <div id="u5651_div" class=""></div>
                          <div id="u5651_text" class="text ">
                            <p><span>上海&nbsp; ShangHai</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u5652" class="ax_default _默认样式" selectiongroup="下拉选项组2">
                          <div id="u5652_div" class=""></div>
                          <div id="u5652_text" class="text ">
                            <p><span>广州 GuangZhou</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u5653" class="ax_default _默认样式" selectiongroup="下拉选项组2">
                          <div id="u5653_div" class=""></div>
                          <div id="u5653_text" class="text ">
                            <p><span>深圳 ShenZhen</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u5654" class="ax_default _默认样式" selectiongroup="下拉选项组2">
                          <div id="u5654_div" class=""></div>
                          <div id="u5654_text" class="text ">
                            <p><span>杭州 HangZhou</span></p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5655" class="ax_default _默认样式">
        <div id="u5655_div" class=""></div>
        <div id="u5655_text" class="text ">
          <p><span>滚动条效果</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5656" class="ax_default _默认样式">
        <div id="u5656_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5657" class="ax_default _默认样式">
        <div id="u5657_div" class=""></div>
        <div id="u5657_text" class="text ">
          <p><span>状态示例</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5658" class="ax_default" data-left="760" data-top="382" data-width="240" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5659" class="ax_default _默认样式">
          <div id="u5659_div" class=""></div>
          <div id="u5659_text" class="text ">
            <p><span>悬停状态</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5660" class="ax_default _默认样式">
          <div id="u5660_div" class=""></div>
          <div id="u5660_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 选择器 (Group) -->
      <div id="u5661" class="ax_default" data-label="选择器" data-left="170" data-top="740" data-width="340" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5662" class="ax_default _默认样式">
          <div id="u5662_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5663" class="ax_default _默认样式">
          <div id="u5663_div" class=""></div>
          <div id="u5663_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u5664" class="ax_default" data-left="176" data-top="745" data-width="70" data-height="30">

          <!-- Unnamed (Rectangle) -->
          <div id="u5665" class="ax_default _默认样式">
            <div id="u5665_div" class=""></div>
            <div id="u5665_text" class="text ">
              <p style="font-size:10px;"><span style="font-family:'微软雅黑';font-weight:400;font-size:12px;color:#999999;">标签名 </span><span style="font-family:'FontAwesome Regular', 'FontAwesome';font-weight:400;color:#CCCCCC;"></span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u5666" class="ax_default" data-left="251" data-top="745" data-width="70" data-height="30">

          <!-- Unnamed (Rectangle) -->
          <div id="u5667" class="ax_default _默认样式">
            <div id="u5667_div" class=""></div>
            <div id="u5667_text" class="text ">
              <p style="font-size:10px;"><span style="font-family:'微软雅黑';font-weight:400;font-size:12px;color:#999999;">标签名 </span><span style="font-family:'FontAwesome Regular', 'FontAwesome';font-weight:400;color:#CCCCCC;"></span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u5668" class="ax_default" data-left="326" data-top="745" data-width="70" data-height="30">

          <!-- Unnamed (Rectangle) -->
          <div id="u5669" class="ax_default _默认样式">
            <div id="u5669_div" class=""></div>
            <div id="u5669_text" class="text ">
              <p style="font-size:10px;"><span style="font-family:'微软雅黑';font-weight:400;font-size:12px;color:#999999;">标签名 </span><span style="font-family:'FontAwesome Regular', 'FontAwesome';font-weight:400;color:#CCCCCC;"></span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u5670" class="ax_default" data-left="401" data-top="745" data-width="70" data-height="30">

          <!-- Unnamed (Rectangle) -->
          <div id="u5671" class="ax_default _默认样式">
            <div id="u5671_div" class=""></div>
            <div id="u5671_text" class="text ">
              <p style="font-size:10px;"><span style="font-family:'微软雅黑';font-weight:400;font-size:12px;color:#999999;">标签名 </span><span style="font-family:'FontAwesome Regular', 'FontAwesome';font-weight:400;color:#CCCCCC;"></span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5672" class="ax_default" data-left="760" data-top="322" data-width="240" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5673" class="ax_default _默认样式">
          <div id="u5673_div" class=""></div>
          <div id="u5673_text" class="text ">
            <p><span>默认状态</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5674" class="ax_default _默认样式">
          <div id="u5674_div" class=""></div>
          <div id="u5674_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5675" class="ax_default" data-left="760" data-top="442" data-width="240" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5676" class="ax_default _默认样式">
          <div id="u5676_div" class=""></div>
          <div id="u5676_text" class="text ">
            <p><span>选择状态</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5677" class="ax_default _默认样式">
          <div id="u5677_div" class=""></div>
          <div id="u5677_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5678" class="ax_default" data-left="760" data-top="502" data-width="240" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5679" class="ax_default _默认样式">
          <div id="u5679_div" class=""></div>
          <div id="u5679_text" class="text ">
            <p><span>已选状态</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5680" class="ax_default _默认样式">
          <div id="u5680_div" class=""></div>
          <div id="u5680_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5681" class="ax_default _默认样式">
        <div id="u5681_div" class=""></div>
        <div id="u5681_text" class="text ">
          <p><span>多选标签类型</span></p>
        </div>
      </div>

      <!-- 选择器 (Group) -->
      <div id="u5682" class="ax_default" data-label="选择器" data-left="170" data-top="800" data-width="340" data-height="243">

        <!-- Unnamed (Rectangle) -->
        <div id="u5683" class="ax_default _默认样式">
          <div id="u5683_div" class=""></div>
          <div id="u5683_text" class="text ">
            <p><span>请选择标签，最多可选择3项</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5684" class="ax_default _默认样式">
          <div id="u5684_div" class=""></div>
          <div id="u5684_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5685" class="ax_default _默认样式">
          <div id="u5685_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5686" class="ax_default _默认样式">
          <div id="u5686_div" class=""></div>
          <div id="u5686_text" class="text ">
            <p><span>标签名</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5687" class="ax_default _默认样式">
          <div id="u5687_div" class=""></div>
          <div id="u5687_text" class="text ">
            <p><span>标签名</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5688" class="ax_default _默认样式">
          <div id="u5688_div" class=""></div>
          <div id="u5688_text" class="text ">
            <p><span>标签名</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5689" class="ax_default _默认样式">
          <div id="u5689_div" class=""></div>
          <div id="u5689_text" class="text ">
            <p><span>标签名</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5690" class="ax_default _默认样式">
          <div id="u5690_div" class=""></div>
          <div id="u5690_text" class="text ">
            <p><span>标签名</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5691" class="ax_default _默认样式">
          <div id="u5691_div" class=""></div>
          <div id="u5691_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5692" class="ax_default _默认样式">
          <div id="u5692_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5693" class="ax_default" data-left="760" data-top="562" data-width="240" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u5694" class="ax_default _默认样式">
          <div id="u5694_div" class=""></div>
          <div id="u5694_text" class="text ">
            <p><span>禁用状态</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5695" class="ax_default _默认样式">
          <div id="u5695_div" class=""></div>
          <div id="u5695_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5696" class="ax_default _默认样式">
        <div id="u5696_div" class=""></div>
        <div id="u5696_text" class="text ">
          <p><span>默认状态：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5697" class="ax_default _默认样式">
        <div id="u5697_div" class=""></div>
        <div id="u5697_text" class="text ">
          <p><span>悬停状态：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5698" class="ax_default _默认样式">
        <div id="u5698_div" class=""></div>
        <div id="u5698_text" class="text ">
          <p><span>选择状态：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5699" class="ax_default _默认样式">
        <div id="u5699_div" class=""></div>
        <div id="u5699_text" class="text ">
          <p><span>已选状态：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5700" class="ax_default _默认样式">
        <div id="u5700_div" class=""></div>
        <div id="u5700_text" class="text ">
          <p><span>禁用状态：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5701" class="ax_default _默认样式">
        <div id="u5701_div" class=""></div>
        <div id="u5701_text" class="text ">
          <p><span>已选状态：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5702" class="ax_default _默认样式">
        <div id="u5702_div" class=""></div>
        <div id="u5702_text" class="text ">
          <p><span>选择状态：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5703" class="ax_default _默认样式">
        <div id="u5703_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5704" class="ax_default _默认样式">
        <div id="u5704_div" class=""></div>
        <div id="u5704_text" class="text ">
          <p><span>分组效果</span></p>
        </div>
      </div>

      <!-- 选择器 (Group) -->
      <div id="u5705" class="ax_default" data-label="选择器" data-left="734" data-top="744" data-width="340" data-height="243">

        <!-- Unnamed (Rectangle) -->
        <div id="u5706" class="ax_default _默认样式">
          <div id="u5706_div" class=""></div>
          <div id="u5706_text" class="text ">
            <p><span>请选择选项</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5707" class="ax_default _默认样式">
          <div id="u5707_div" class=""></div>
          <div id="u5707_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5708" class="ax_default _默认样式">
          <div id="u5708_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5709" class="ax_default _默认样式">
          <div id="u5709_div" class=""></div>
          <div id="u5709_text" class="text ">
            <p><span>分组一</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5710" class="ax_default _默认样式">
          <div id="u5710_div" class=""></div>
          <div id="u5710_text" class="text ">
            <p><span>选项一</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5711" class="ax_default _默认样式">
          <div id="u5711_div" class=""></div>
          <div id="u5711_text" class="text ">
            <p><span>选项二</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5712" class="ax_default _默认样式">
          <div id="u5712_div" class=""></div>
          <div id="u5712_text" class="text ">
            <p><span>分组二</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5713" class="ax_default _默认样式">
          <div id="u5713_div" class=""></div>
          <div id="u5713_text" class="text ">
            <p><span>选项一</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5714" class="ax_default _默认样式">
          <div id="u5714_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5715" class="ax_default _默认样式">
        <div id="u5715_div" class=""></div>
        <div id="u5715_text" class="text ">
          <p><span>选择状态：</span></p>
        </div>
      </div>

      <!-- 选择器 (Group) -->
      <div id="u5716" class="ax_default" data-label="选择器" data-left="734" data-top="1007" data-width="340" data-height="243">

        <!-- Unnamed (Rectangle) -->
        <div id="u5717" class="ax_default _默认样式">
          <div id="u5717_div" class=""></div>
          <div id="u5717_text" class="text ">
            <p><span>选项一</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5718" class="ax_default _默认样式">
          <div id="u5718_div" class=""></div>
          <div id="u5718_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5719" class="ax_default _默认样式">
          <div id="u5719_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5720" class="ax_default _默认样式">
          <div id="u5720_div" class=""></div>
          <div id="u5720_text" class="text ">
            <p><span>分组一</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5721" class="ax_default _默认样式">
          <div id="u5721_div" class=""></div>
          <div id="u5721_text" class="text ">
            <p><span>选项一</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5722" class="ax_default _默认样式">
          <div id="u5722_div" class=""></div>
          <div id="u5722_text" class="text ">
            <p><span>选项二</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5723" class="ax_default _默认样式">
          <div id="u5723_div" class=""></div>
          <div id="u5723_text" class="text ">
            <p><span>分组二</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5724" class="ax_default _默认样式">
          <div id="u5724_div" class=""></div>
          <div id="u5724_text" class="text ">
            <p><span>选项一</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5725" class="ax_default _默认样式">
          <div id="u5725_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5726" class="ax_default _默认样式">
        <div id="u5726_div" class=""></div>
        <div id="u5726_text" class="text ">
          <p><span>选中状态：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5727" class="ax_default _默认样式">
        <div id="u5727_div" class=""></div>
        <div id="u5727_text" class="text ">
          <p><span>选择城市：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5728" class="ax_default _默认样式">
        <div id="u5728_div" class=""></div>
        <div id="u5728_text" class="text ">
          <p><span>选择城市：</span></p>
        </div>
      </div>

      <!-- 选择器 (Group) -->
      <div id="u5729" class="ax_default" data-label="选择器" data-left="170" data-top="1063" data-width="340" data-height="243">

        <!-- Unnamed (Rectangle) -->
        <div id="u5730" class="ax_default _默认样式">
          <div id="u5730_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5731" class="ax_default _默认样式">
          <div id="u5731_div" class=""></div>
          <div id="u5731_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u5732" class="ax_default" data-left="251" data-top="1068" data-width="70" data-height="30">

          <!-- Unnamed (Rectangle) -->
          <div id="u5733" class="ax_default _默认样式">
            <div id="u5733_div" class=""></div>
            <div id="u5733_text" class="text ">
              <p style="font-size:10px;"><span style="font-family:'微软雅黑';font-weight:400;font-size:12px;color:#999999;">标签名 </span><span style="font-family:'FontAwesome Regular', 'FontAwesome';font-weight:400;color:#CCCCCC;"></span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u5734" class="ax_default" data-left="326" data-top="1068" data-width="70" data-height="30">

          <!-- Unnamed (Rectangle) -->
          <div id="u5735" class="ax_default _默认样式">
            <div id="u5735_div" class=""></div>
            <div id="u5735_text" class="text ">
              <p style="font-size:10px;"><span style="font-family:'微软雅黑';font-weight:400;font-size:12px;color:#999999;">标签名 </span><span style="font-family:'FontAwesome Regular', 'FontAwesome';font-weight:400;color:#CCCCCC;"></span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u5736" class="ax_default" data-left="401" data-top="1068" data-width="70" data-height="30">

          <!-- Unnamed (Rectangle) -->
          <div id="u5737" class="ax_default _默认样式">
            <div id="u5737_div" class=""></div>
            <div id="u5737_text" class="text ">
              <p style="font-size:10px;"><span style="font-family:'微软雅黑';font-weight:400;font-size:12px;color:#999999;">标签名 </span><span style="font-family:'FontAwesome Regular', 'FontAwesome';font-weight:400;color:#CCCCCC;"></span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5738" class="ax_default _默认样式">
          <div id="u5738_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5739" class="ax_default _默认样式">
          <div id="u5739_div" class=""></div>
          <div id="u5739_text" class="text ">
            <p><span>标签名</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5740" class="ax_default _默认样式">
          <div id="u5740_div" class=""></div>
          <div id="u5740_text" class="text ">
            <p><span>标签名</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5741" class="ax_default _默认样式">
          <div id="u5741_div" class=""></div>
          <div id="u5741_text" class="text ">
            <p><span>标签名</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5742" class="ax_default _默认样式">
          <div id="u5742_div" class=""></div>
          <div id="u5742_text" class="text ">
            <p><span>标签名</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5743" class="ax_default _默认样式">
          <div id="u5743_div" class=""></div>
          <div id="u5743_text" class="text ">
            <p><span>标签名</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5744" class="ax_default _默认样式">
          <div id="u5744_div" class=""></div>
          <div id="u5744_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5745" class="ax_default _默认样式">
          <div id="u5745_div" class=""></div>
          <div id="u5745_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5746" class="ax_default _默认样式">
          <div id="u5746_div" class=""></div>
          <div id="u5746_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5747" class="ax_default _默认样式">
          <div id="u5747_div" class=""></div>
          <div id="u5747_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u5748" class="ax_default" data-left="176" data-top="1068" data-width="70" data-height="30">

          <!-- Unnamed (Rectangle) -->
          <div id="u5749" class="ax_default _默认样式">
            <div id="u5749_div" class=""></div>
            <div id="u5749_text" class="text ">
              <p style="font-size:10px;"><span style="font-family:'微软雅黑';font-weight:400;font-size:12px;color:#999999;">标签名 </span><span style="font-family:'FontAwesome Regular', 'FontAwesome';font-weight:400;color:#CCCCCC;"></span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5750" class="ax_default _默认样式">
          <div id="u5750_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5751" class="ax_default _默认样式">
        <div id="u5751_div" class=""></div>
        <div id="u5751_text" class="text ">
          <p><span>选中状态：</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
